<#include "/oms/iframe/common/head_index.html" />
<@dictionary type="function" fields="Status,DictionaryType"></@dictionary>
<@dictionary type="listjson" fields="Status,DictionaryType"></@dictionary>

<div class="row">
	<div class="col-xs-12">
		<div class="box">
			<div class="box-header">
				<h3 class="box-title">字典管理</h3>
				<div class="box-tools pull-right">
					<@shiro.hasPermission name="system:config:dictionary:add">
						<a class="btn btn-sm btn-primary" target="modal" modal="lg" href="${request.contextPath}/system/config/dictionary/add">添加</a>
					</@shiro.hasPermission>
				</div>
			</div>
			<div class="box-body">
				<div class="clearfix">
					<form id="search-form" class="" >
						<div class="col-md-3">
							<div class="input-group date ">
								<div class="input-group-addon">
									<i class="fa fa-calendar"></i>
								</div>
								<input type="text"  class="form-control pull-right" name="beginCreatedTime" placeholder="选择开始时间...">
							</div>
						</div>
						<div class="col-md-3">
							<div class="input-group date ">
								<div class="input-group-addon">
									<i class="fa fa-calendar"></i>
								</div>
								<input type="text" class="form-control pull-right" name="endCreatedTime" placeholder="选择结束时间...">
							</div>
						</div>
						<div class="col-md-3">
							<div class="input-group">
								<span class="input-group-addon"><i class="fa fa-search"></i></span>
								<input type="text" class="form-control" name="name" placeholder="根据名称搜索...">
							</div>
						</div>
						<div class="col-md-3">
							<button type="button" onclick="dataGridRefresh();" class="btn btn-primary">搜索</button>
						</div>
					</form>
				</div>
				<div class="clearfix" style="padding-top: 15px;">
					<table id="dataGrid"></table>
				</div>
			</div>
		</div>
	</div>
</div>
<#include "/oms/iframe/common/setting_index.html" />
<#include "/oms/iframe/common/bottom_index.html" />

<script type="text/javascript">

    function dataGridRefresh(){
        $("#dataGrid").bootstrapTable('refresh');
    }

	$dictionaryDataGrid = $("#dataGrid");
    $(function () {

    	$.datetimepicker.setLocale('ch');
		//初始化时间选择器
		$('[name=beginCreatedTime]').datetimepicker({
			format:"Y/m/d 00:00:00",      //格式化日期
			timepicker:true,    //开启时间选项
			yearStart:2000,     //设置最小年份
			yearEnd:2050,        //设置最大年份
			todayButton:false    //关闭选择今天按钮
		});

		//初始化时间选择器
		$('[name=endCreatedTime]').datetimepicker({
			format:"Y/m/d 23:59:59",      //格式化日期
			timepicker:true,    //开启时间选项
			yearStart:2000,     //设置最小年份
			yearEnd:2050,        //设置最大年份
			todayButton:false    //关闭选择今天按钮
		});

        initDataGrid();
    });
    function initDataGrid(){

        $dictionaryDataGrid.bootstrapTable({
            idField : "id",
            columns : [[
                {title: "名称", field: "name" },
                {title: "字典编码", field: "code"},
                {title: "字典类型", field: "type",formatter : getDictionaryTypeDictName},
                {title: "描述", field: "description" },
                {title: "创建时间", field: "createdTime", sortable: true,formatter:dateFormat},
                {title: "状态", field: "status",formatter : getStatusDictName},
                {title: "操作", field: "operate", align: 'center', formatter: operateFormatter}
            ]],
            url : '/system/config/dictionary/grid',
            queryParams: function(params){
            	var searchForm = $("#search-form");
				var formData = searchForm.serializeObject();
				if(params.sort){
					formData["sort"]=params.sort;
					formData["order"]=params.order;
				}
				formData["offset"]=params.offset;
				formData["limit"]=params.limit;

                return formData;
            },
            search : false,
            searchOnEnterKey : true,
            sortName : 'createdTime',
            sortOrder : 'asc',
            pagination : true,
            sidePagination : 'server',
            pageSize: 10,
            pageList : [20, 40, 50, 100],
            showRefresh : true,
            showToggle : true
        });
    }

    function operateFormatter(value, row, index) {
        return [
            '<a class="btn btn-sm btn-info" target="modal" modal="lg"  type="iframe" href="${request.contextPath}/system/config/dictionary/data/index?dictionaryId='+ row.id + '" >',
            '	<i class="glyphicon glyphicon-edit"></i> 编辑数据',
            '</a>  ',
            '<a class="btn btn-sm btn-info" target="modal" modal="lg" href="${request.contextPath}/system/config/dictionary/view?id='+ row.id + '" >',
            '	<i class="glyphicon glyphicon-edit"></i> 查看',
            '</a>  ',
            '<a class="btn btn-sm btn-warning" target="modal" modal="lg" href="${request.contextPath}/system/config/dictionary/update?id='+ row.id + '" >',
            '	<i class="glyphicon glyphicon-edit"></i> 修改',
            '</a>  ',
            '<a class="btn btn-sm btn-danger" callback="dataGridRefresh()" data-body="确认要删除吗？" target="ajaxTodo" method="DELETE" href="${request.contextPath}/system/config/dictionary/delete?id='+ row.id + '"><i class="glyphicon glyphicon-remove"></i> 删除</a>&nbsp;'
        ].join('');
    }


</script>